<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		//设置DOM向下滑动
		$("#b1").click(function(){
			$("#p").slideDown("slow");
		})
		//设置DOM向上滑动
		$("#b2").click(function(){
			$("#p").slideUp("slow");
		})
	});
</script>
</head>
<body>
<input type="button" id="b1" value="向下滑动"/>
<input type="button" id="b2" value="向上滑动"/>
<div id="p" style="width:500px; height:100px; background-color:red; display:none;">
	<p>手里剑</p>
	<p>影刃</p>
</div>
</body>
</html>